.job-card {
  width: 46.875rem;
  height: 15.625rem; /* 250px 转换成 rem */
  border-radius: 1.25rem; /* 20px 转换成 rem */
  box-shadow: none;
  background: rgb(255, 255, 255);
  display: flex;
  padding-top: 1.714em;
  padding-left: 1rem; /* 16px 转换成 rem */
  padding-right: 1rem; /* 16px 转换成 rem */
  text-align: left;
}

.job-card-logo {
  flex: 1;
}

.job-card-logo img {
  width: 15.625rem; /* 250px 转换成 rem */
  height: 13rem; /* 208px 转换成 rem */
  box-shadow: none;
  background: transparent;
}

.job-card-details {
  margin-left: 1.5625rem; /* 25px 转换成 rem */
  color: #000; /* 设置文本颜色为黑色 */
}

.job-card h2 {
  font-size: 1.25rem; /* 20px 转换成 rem */
  font-weight: 700;
  color: #000; /* 设置标题颜色为黑色 */
  font-family: PingFangSC;
  margin: 0;
}

.job-card h3 {
  font-size: 0.875rem; /* 14px 转换成 rem */
  color: #81838F; /* 设置标题颜色为黑色 */
  font-family: PingFangSC;
  font-weight: normal;
  margin-bottom: 0.5rem; /* 8px 转换成 rem */
}

.job-card-tags {
  display: flex;
  gap: 0.5rem; /* 8px 转换成 rem */
  margin: 0.625rem 0; /* 10px 转换成 rem */
}

.zhaomutag {
  background-color: #ffffff; /* 背景白色 */
  padding: 0.25rem 0.3125rem; /* 4px 和 5px 转换成 rem */
  border-radius: 0.15625rem; /* 2.5px 转换成 rem */
  color: #000; /* 设置标签文本颜色为黑色 */
  font-size: 1rem; /* 16px 转换成 rem */
  font-family: PingFangSC; /* 设置标签字体类型 */
  border: 0.03125rem solid #BBBBBB; /* 0.5px 转换成 rem */
}

.job-card p {
  font-size: 1.125rem; /* 18px 转换成 rem */
  font-family: PingFangSC; /* 设置描述文本字体类型 */
  line-height: 1.5; /* 设置行间距 */
  margin-top: 0.625rem; /* 10px 转换成 rem */
}

.job-card-actions {
  margin-top: -2%;
  display: flex;
  gap: 0.5rem; /* 8px 转换成 rem */
  justify-content: right;
}

.zhaomubutton {
  background-color: #e6f0ff;
  color: #2669f3;
  border: none;
  padding: 0.625rem 1.25rem; /* 10px 和 20px 转换成 rem */
  border-radius: 0.25rem; /* 4px 转换成 rem */
  margin-right: 0.375rem; /* 6px 转换成 rem */
  font-size: 1rem; /* 16px 转换成 rem */
  
  &:hover {
      background-color: #3867ea;
      color: #fff;
  }
}
